<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> World Street Map</title>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" type="text/css" href="pageLayouts.css">
    
    <script type="text/javascript">var djConfig = {parseOnLoad: true};</script>
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>
    <script type="text/javascript" src="mapInit.js"> </script>
    <script type="text/javascript" src="mapTools.js"> </script>
  </head>
  asdfasdf
  <body class="tundra">
  
 	 <div id="header">
      	Brozenick Map
     </div>
  
    <div dojotype="dijit.layout.BorderContainer" design="headline" gutters="false" id="mapBorderContainer">
            
      <div id="toolbarContentPane" dojotype="dijit.layout.ContentPane" region="top" style="overflow:hidden;">
      	<div class="toolbarSeparator">
			<button id="mapClearButton" dojoType="dijit.form.Button" >Clear</button>
		</div>
		
		<div class="toolbarSeparator">
			<button dojoType="dijit.form.ToggleButton" checked iconClass="dijitCheckBoxIcon">
    			Full Screen
			</button>
			<button dojoType="dijit.form.ToggleButton" checked iconClass="dijitCheckBoxIcon">
   				Tools/Layers
			</button>
		</div>
		
		<div class="toolbarSeparator">	
      		<div id="baseMapButton" dojoType="dijit.form.DropDownButton" showLabel="true">
      			<span>Base Map</span>
	      		<div dojoType="dijit.TooltipDialog">
	      			<div id="baseMapImageButtonContainer">
		      			<div class="baseMapImageButtonDiv">
			      			<span class="imageButtonLabel">STREET</span> <br/>
				            <img id="streetImgButton" src="street_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('street');" />
			            </div>
			            
			            <div class="baseMapImageButtonDiv">
				            <span class="imageButtonLabel">IMAGE</span> <br/>
				            <img id="satImgButton" src="sat_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('sat');" />
				        </div>
			           
			            <div class="baseMapImageButtonDiv">
				            <span class="imageButtonLabel">TOPO</span> <br/>
				            <img id="topoImgButton" src="topo_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('topo');" />
		        		</div>
	        		</div>
	        	</div>
      		</div>
      		
      		<div dojoType="dijit.form.ComboButton">
				<span>
					Base Map
				</span>
				 <div dojoType="dijit.Menu">
			        <div dojoType="dijit.MenuItem" onClick="console.log('hi!')">
			            <img id="streetImgButton" src="street_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('street');" />
			            Street
			        </div>
			        <div dojoType="dijit.MenuItem" onClick="console.log('ho!')">
			            <img id="satImgButton" src="sat_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('sat');" />
			            Image
			        </div>
			        <div dojoType="dijit.MenuItem" onClick="console.log('ho!')">
			            <img id="topoImgButton" src="topo_zoom_small.png" class="basemapButtonImg" onclick="changeBaseMap('topo');" />
			            Topo
			        </div>
    			</div>
			</div>
			
		</div>

      </div>
      
      <div id="map" dojotype="dijit.layout.ContentPane" region="center" style="overflow:hidden;">
      </div>
      
    </div>
    
  </body>

</html>